
/**
 * 
 * 
 * 
 */

//
 $('#inline-grid').click(function(){
   $('#container').css('display','inline-grid')
 })
 $('#grid').click(function(){
   $('#container').css('display','grid')
 })

 //行列
 $('#grid-template-columns-ok').click(function(){
  let col = $('#grid-template-columns').val()
  console.log( $('#grid-template-colums').val() )
  $('#container').css('grid-template-columns','col')
})

 //间距
 $('#grid-gap-ok').click(function(){
  let col = $('#grid-gap').val()
  $('#container').css('gap',col)
})